﻿@charset "utf-8";
a{ text-decoration:none} 

a:hover{ text-decoration:none}
.w_1200{width: 1200px;margin: 0 auto;position: relative;}
.top {width: 100%; height: 35px; line-height: 35px; background: #303237; color: #fff; font-size: 14px; overflow: hidden; }
.top .fr span {margin: 0 5px;}
.top .fr a{color: #fff;}

.head{width: 100%;height: 120px;background: #fff;overflow: hidden;}
.logo{margin-top: 25px;}
.head .tel{ float:right; line-height:20px; margin-top:23px;}
.head .tel span{font-size:16px; color:#898989;line-height: 20px;height: 20px;display: block;padding-left: 25px;background: url(../images/i_tel.jpg) left center no-repeat;}
.head .tel strong{color:#009944; font-size:35px;font-family: Impact;font-weight: normal;line-height: 50px;}
.index_search{margin-top: 30px;margin-left: 135px;}
.index_search .sech_in {padding-top: 8px; }
.index_search .sech_in .key {width: 290px; border: 1px solid #c1c1c1; border-right: none; height: 42px; line-height: 42px; padding-left: 10px; float: left;background:#fff;outline: none;}
.index_search .sech_in .go {width: 70px; float: left; background-color: #27436b; height: 42px; line-height: 42px; color: #fff; font-size: 14px; border: none;font-family: "Microsoft YaHei";}
.index_search .sech_in .go:hover{background: #009944;}

.menu{width: 100%;height:50px;background: #27436b;z-index: 99999;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearFix:after {display: block; content: ''; clear: both; }
.nav{height:50px; line-height:50px; position:relative; z-index:999999999999;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left; background: url(../images/nav_xx.jpg) left center no-repeat;line-height: 50px;margin: 0; }
.nav .nLi h3 a{ display:block;font-size:16px; font-weight:normal;color: #fff;width: 167px;text-align: center;}
.nav .sub{ display:none;left:0px; top:50px;width:167px; position:absolute;line-height:30px; padding:10px 0; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); }
.nav .sub li{ zoom:1;position: relative;}
.nav .sub a {
    display: block;
    padding: 0 3px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    color: #17232d;
    font-size: 15px;
    line-height: 40px;
}
.nav .sub a:hover{ background:#019901; color:#fff;  }
.nav .on h3 a{ color:#fff;background: #019901;}
.nav .sub li:hover .sub1{display: block;}
.nav .sub1 li:hover .sub2{display: block;}
.sub1 {background: #fff; position: absolute; left: 148px; display: none; width: 200px; top: 0;    border: 1px solid #ddd;z-index: 99999999; }
.sub2 {background: #fff; position: absolute; left: 200px; display: none; width: 150px; top: 0;    border: 1px solid #ddd;z-index: 99999999; }



.fullSlide{ width:100%;  position:relative;  height:450px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:450px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:450px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:45px; height:6px; margin:3px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.fullSlide .hd ul .on{ background:#019901;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:4%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:4%; background-position:-6px -137px; }

.main1{width: 100%;padding-top: 5px;overflow: hidden;background: #fff;padding-bottom: 25px;}
.main1 .m1_box li{    float: left;
    width: 18%;
    background: #ddd;
    margin-right: 1%;
    text-align: center;
    padding-top: 20px;
    margin-left: 1%;
    margin-bottom: 2%;
}
.main1 .m1_box li.li1{background: #d6eada;}
.main1 .m1_box li.li2{background: #d2e3e9;}
.main1 .m1_box li.li3{background: #ece4db;}
.main1 .m1_box li.li4{background: #e2e3ef;}
.main1 .m1_box li.li5{background: #dee7df;}

.main1 .m1_box li ._img{position: relative;	    -webkit-animation: float 3s ease-in-out infinite; animation: float 3s ease-in-out infinite;}
.main1 .m1_box li ._img img{}
.main1 .m1_box li ._img em{margin-left: -20px; left: 50%; position: absolute; bottom: 0px;width: 40px; }
.main1 .m1_box li ._img em:after {content: ""; display: block; position: absolute; bottom: 0px; left: 50%; height: 8px; width: 100%; box-shadow: 0px 0px 15px 0px rgba(84, 84, 84, 0.4); border-radius: 50%; background-color: rgba(84, 84, 84, 0.2); transform: translate(-50%, 0); transition: transform 1s; }
.main1 .m1_box li p{font-size: 20px;color: #444;line-height: 35px;}
@keyframes float {0% {transform: translatey(0px); } 50% {transform: translatey(-10px); } 100% {transform: translatey(0px); } }

.main2{width: 100%;padding-top: 40px;background: #fff;overflow: hidden;padding-bottom: 0px;}
.com_til{text-align: center;}
.com_til h2{color: #27436b;line-height: 45px;font-size: 36px;background: url(../images/h2_bg.png) center no-repeat;}
.com_til span{font-size: 18px;color: #7c7c7c;line-height:2;}
.com_til p{font-size: 16px;color: #666666;line-height: 1.5;}
.m2_box{padding-top: 40px;}
.m2_box .m2_nav{text-align: center;}
.m2_box .m2_nav ul li{padding: 0px 20px;display: inline-block;position: relative;}
.m2_box .m2_nav ul li + li:before {content: ''; position: absolute; top: 6px; left: 0; height: 32px; width: 1px; background-color: #eee; }
.m2_box .m2_nav ul li ._img{position: absolute;width: 46px;height: 46px;background: #27436b;border-radius: 50%;}
.m2_box .m2_nav ul li ._img:after{content:"";display:inline-block;vertical-align:middle;height:100%;width:0;}
.m2_box .m2_nav ul li a{font-size: 16px;line-height: 46px;height: 46px;position: relative;padding-left: 60px;}
.m2_box .m2_nav ul li.on a{font-weight: bold;color: #27436b;}
.m2_pro{padding-top: 40px;}
.i_pro ul{}
.i_pro ul li{ width:280px;margin:0 26px 20px 0; float:left;background: #fff;box-shadow: 0 5px 10px #ddd;/*height: 350px;*/text-align: center;padding-bottom: 20px;}
.i_pro ul li i{display: inline-block;width: 45px;height: 4px;background: #019901;}
.i_pro ul li .img img{ width:100%;}
.i_pro ul li h2{ height:60px; line-height:25px; overflow:hidden;font-weight: normal;text-align: center;padding-left: 15px;padding-right: 15px;    margin-bottom: 0;margin-top: 0;}
.i_pro ul li h2 a{ display:block; overflow:hidden;font-size: 16px;color: #666;}
.i_pro ul li:hover h2{color: #019901}
.i_pro ul li:hover h2 a{ color: #019901}


.main3{width: 100%;padding-top: 40px;background: #324b6f url(../images/m3_bg.jpg) center no-repeat;overflow: hidden;}
.i_img{position: absolute;right: 0;top: 0;}
.m3_box{position: relative;    min-height: 565px;margin-top: 50px;}
.m3_bb{width: 600px;background: #fff;margin-top: 30px;float:left;padding: 25px 95px 25px 35px;}
.m3_bb ul li{margin-bottom: 35px;}
.m3_bb ul li h3{    margin-bottom: 0;
    font-size: 24px;
    color: #27436b;
    line-height: 40px;
    font-weight: normal;
    margin-top: 0;}
.m3_bb ul li h3 em{color: #019901;font-size: 48px;font-weight: bold;margin-right: 5px;}
.m3_bb ul li span{font-size: 14px;line-height: 25px;color: #666;}

.main4{width: 100%;padding-top: 40px;background: #fff;overflow: hidden;}
.m4_box{padding-top: 50px;}
.m4_box ul li{    margin-left: 0.5%;
    width: 9%;
    float: left;
    /* margin-left: 10px; */
    text-align: center;
    margin-right: 0.5%;
    cursor: pointer;
    margin-bottom: 25px;}
.m4_box ul li p{font-size: 14px;color: #4e4e4e;line-height: 3;}

.main5{width: 100%;padding-top: 40px;background: #f3f3f3;overflow: hidden;}
.m5_box{padding-top: 50px;padding-bottom: 50px;}
.i_pro1 ul{}
.i_pro1 .swiper-slide{ /*width:280px;margin:0 26px 20px 0;*/ float:left;background: #fff;    box-shadow: 0 5px 10px #ddd;/*height: 300px;*/}
.i_pro1 .swiper-slide .m5_til{margin: 10px 20px;background: url(../images/pro_h5.jpg) no-repeat right center;}
.i_pro1 .swiper-slide .img img{ width:100%;}
.i_pro1 .swiper-slide h2{ height:40px; line-height:40px; overflow:hidden;   font-weight: normal;margin: 0;}
.i_pro1 .swiper-slide h2 a{ display:block; overflow:hidden;font-size: 18px; }
.i_pro1 .swiper-slide span{color: #b8b8b8;font-size: 14px;line-height: 1.5;}
.i_pro1 .swiper-slide:hover .m5_til{ background:url(../images/pro_h5_hover.jpg) no-repeat  right center;}
.i_pro1 .swiper-slide:hover h2 a{ color: #129f12;}
.i_pro1 .swiper-slide:hover span{ color: #129f12;}
.kk {text-align: center;padding-top: 35px;}
.kk a {display: inline-block; width: 152px; height: 38px; border:1px solid #27436b; font-size: 14px; color: #27436b; text-align: center; line-height: 38px; -webkit-transition: all .5s; transition: all .5s; }
.kk a:hover{background: #27436b;color: #fff;}

.main6{width: 100%;padding-top: 40px;background: #fff;overflow: hidden;}
.m6_box{padding-top: 50px;padding-bottom: 50px;}
.m6_left{float: left;width: 55%;}
.m6_right{float: right;width: 40%;}
.main6 .m6_left h4{font-weight: normal;font-size: 30px;line-height: 60px;color: #000;height: 60px;}
.main6 .m6_left em{display: block;width: 40px;height: 4px;background: #019901;}
.main6 .m6_left .nr{padding-top: 20px;min-height: 180px;font-size: 14px;line-height:25px;}
.main6 .m6_left a{display:inline-block;text-align: center;font-size: 14px;color: #27436b;padding: 8px 40px;border:1px solid #27436b;}


.main7{width: 100%;padding-top: 40px;background: #f3f3f3;overflow: hidden;}
.m7_box{padding-top: 50px;padding-bottom: 50px;}
.m7_left{float: left;width: 44%;box-shadow: 0 5px 10px #ddd;overflow: hidden;background: #fff;}
.m7_left .itema img{width: 100%;height: 265px;}
.m7_left .til1{padding:3% 5%;}
.m7_left .title{font-size: 18px;line-height: 35px;color: #333333;}
.m7_left .intro{font-size: 14px;line-height: 1.5;height: 50px;color: #848484;}
.m7_left  span{font-size: 14px;color: #999;}
.m7_left .intro:hover{color: #20bba3;}
.m7_right{float:right;width: 54%;}
.inews ul{margin: 0;}
.inews li{ width:100%; float:left; padding:20px 0; background: #f4f4f4;margin-bottom: 20px;background: #fff;box-shadow: 0 5px 10px #ddd;}
.inews li a{ display:block; background:url(../images/inews_jt.png) no-repeat right; overflow:hidden;}
.inews li ._date{ float:left; width:17%; text-align:center; border-right:1px solid #ebebeb; color:#b0b0b0; font-family:arial; height: 80px;}
.inews li ._date span{ display:block;}
.inews li ._date ._d1{ font-size:30px; line-height:45px; color: #525252;}
.inews li ._date ._d2{ font-size:16px; line-height:30px;color: #999999;}
.inews li ._nr{ width:74%; float:left; margin-left:2%; }
.inews li ._title{ font-size:16px; font-weight:normal; color:#000; margin-bottom:10px;line-height: 25px;}
.inews li ._sum{ color:#999;font-size: 14px;line-height: 1.5;}
.inews li:hover{background: #019901;color: #fff;}
.inews li:hover ._date ._d1{color: #fff;}
.inews li:hover ._date ._d2{color: #fff;}
.inews li:hover ._title{color: #fff;}
.inews li:hover ._sum{color: #fff;}

.main8{width: 100%;padding-top: 40px;background: #fff;overflow: hidden;}
.m8_box{padding-top: 40px;padding-bottom: 40px;}
.in_customer {}
.in_customer_list {overflow: hidden;}
.in_customer_list ul {width: 1220px; overflow: hidden }
.in_customer_list .swiper-slide {}
.in_customer_list .swiper-slide a {display: block; border: 5px solid #e7e7e7; width: 100%; height: 80px; position: relative }
.in_customer_list .swiper-slide a img {width:100%; position: absolute; left: 0px; top: 0px; z-index: 1 ;height: 70px;}
.in_customer_list .swiper-slide a b {display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; position: absolute; left: 0px; top: 50%; margin-top: -20px; z-index: 3; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
.in_customer_list .swiper-slide a em {width: 100%; height: 100%; background: url(../images/nav_sub_bg.png) repeat; position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
.in_customer_list .swiper-slide a:hover b,.in_customer_list .swiper-slide a:hover em {opacity: 1; filter: alpha(opacity=100) }
/*.in_customer_list .hd {text-align: center; margin-top: 20px }
.in_customer_list .hd .swiper-slide {margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; width: 12px; height: 12px; line-height: 12px; margin: 0px 5px; background: #d3d3d3; cursor: pointer }
.in_customer_list .hd .swiper-slide.on {background: #019901 }*/


.main9{width: 100%;background: #f3f3f3;overflow: hidden;    padding-top: 15px;
    padding-bottom: 15px;}
.main9 h6{line-height: 35px;height: 35px;font-size: 16px;float: left;margin-right: 10px;font-weight: normal;color: #27436b;background: url(../images/link.jpg) left center no-repeat;padding-left: 30px;margin-bottom: 0;margin-top: 0;}
.main9 ul{float: left;}
.main9 ul li{display: inline-block;font-size: 14px;color: #868686;line-height: 35px;height: 35px;}
.main9 ul li a{color: #868686;}
.main9 ul li a:hover{color: #000}
.main9 span{margin:  0 8px;}

.footer{width: 100%;height: 395px;background: #303237;overflow: hidden;}
.ft_left {
    text-align: center;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    width: 15%;
    /* height: 326px; */
    padding-top: 100px;
}
.f_logo{}
.f_dress{margin-top: 30px;color: #fff;font-size: 12px;line-height: 2;}
.f_dress a{color: #fff;}
.ft_right{float: right;width: 80%;padding-top: 45px;}
.ft_nav li.list1{float: left;width: 20%;}
.ft_nav li.list2{float: left;width: 20%;}
.ft_nav li.list3{float: left;width:40%;}
.ft_nav li.list4{float: right;width: 20%;}
.ft_nav li a.t{font-size: 18px;line-height: 3;color: #f3e9e9;}
.ft_nav li ul li{font-size: 14px;color: #d3d3d3;line-height: 2;}
.ft_nav li ul li a{font-size: 14px;color: #d3d3d3;line-height: 2;}

.imghover_big { overflow: hidden; display: block; position: relative; }
.imghover_big img { -webkit-transition: all 1.2s ease 0s; transition: all 1.2s ease 0s; }
.imghover_big:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);  }
.imghover_big em { position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) ; overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.imghover_big:hover em { width: 150px; left: 600px; -webkit-transition: 0.8s;transition: 0.8s }
 @-webkit-keyframes scaleout { 0% {
-webkit-transform: scale(1.0)
}
 100% {
 -webkit-transform: scale(0.8);
}
}
 @keyframes scaleout { 0% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
100% {
 transform: scale(1.1);
 -webkit-transform: scale(0.8);
}
}

@-webkit-keyframes moveUpDown {
    from {-webkit-transform: translateY(-5px)}
    to {-webkit-transform: translateY(5px)}
}
@keyframes moveUpDown {
    from { transform: translateY(-5px)}
    to { transform: translateY(5px)}
}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.am-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.location {
	height: 50px;
	line-height: 50px;
    padding-left: 20px;
    background: url(../images/ico13.png) no-repeat left center;
}
.location a{
	color: #666;
	margin: 0 5px;
}

.pb80 {
    padding-bottom: 80px !important;
}

.ContnetMain {
    height: auto;
    margin: 20px auto;
}

.mleft {
    width: 20%;
    display: inline;
}
.mright {
    padding-bottom: 30px;
    padding-right: 2%;
    padding-left: 2%;
    width: 78%;
    display: inline;
    background: #fff;
    padding-top: 30px;
}
.mleft h2{    font-size: 24px;
    background: #27436b;
    padding-bottom: 20px;
    text-align: center;
    /* padding: 5%; */
    padding-top: 20px;
    color: #fff;
    margin: 0;
}
.catalist{
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background: #fff;
}
.catalist div a {
    font-weight: bold;
    background: url(../images/arw8.png) 87% 50% no-repeat;
    display: block;
    line-height: 1;
    height: 50px;
    line-height: 50px;
    text-indent: 30px;
    font-size: 14px;
    color: #27436b;
    border-bottom: 1px solid #efefef;
}
.catalist div a:hover{background:url(../images/arw8.png) 87% 50% no-repeat #0060B6;color:#fff}
.conbox{
        margin-top: 20px;
    background: #fff;
    padding: 13px 15px 30px;
}
.conbox h3{
    font-size: 18px;
    color: #0060b6;
    padding-left: 30px;
    background: url(../images/ic6.png) left center no-repeat;
    line-height: 52px;
}

.conbox p{
    color: #333333;
    line-height: 18px;
    margin-top: 12px;
}
.conbox p em{
    display: inline-block;
    vertical-align: top;
    width: 135px;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.position {
    height: 60px;
    line-height: 60px;
}
.position span {
    color: #0060b6;
    font-size: 24px;
    display: inline;
    float: left;
    padding-left: 10px;
}
.mright .content {
    font-size: 14px;
    color: #666;
    line-height: 2;
    text-align: justify;
}

.yaowen li{
    padding: 15px 0 27px;
    border-bottom: 1px #CCCCCC dashed;
}
.yaowen li a{
    display: block;
    position: relative;
}
.yaowen li .time{
    float: left;
        width: 15%;
    margin-top: 55px;
    font-size: 18px;
    color: #999999;
    text-align: center;
    line-height: 34px;
}
.yaowen li .time p{
    line-height: 68px;
    font-size: 36px;
    color: #333333;
    background: url(../images/bg12.png) center bottom no-repeat;
}
.yaowen li .word{
    float: right;
        width: 85%;
}
.yaowen li .word h3{
    line-height: 68px;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yaowen li .word p{
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
}
.yaowen li .bor{
    width: 0;
    height: 1px;
    background: #0060B6;
    position: absolute;
    left: 0;
    bottom: -28px;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
}
.yaowen li a:hover .bor{
    width: 100%;
}
.yaowen li a:hover .time p{
    background-image: url(../images/bg13.png);
    color: #0060b6;
}
.yaowen li a:hover .time,
.yaowen li a:hover .word h3{
    color: #0060b6;
}
.yaowen li a:hover .word p{
    color: #333333;
}
.yaowen ul{
    padding-bottom: 40px;
}
#pages{text-align: center;}
#pages li{display: inline-block;    margin: 0 2px;}
#pages li a{display: block;padding: 8px 10px;background: #f2f2f2;}
#pages li span{display: block;
    padding: 8px 10px;
    background: #27436b;color: #fff;}
.mright h1{
    text-align: center;
        font-weight: normal;
        font-size: 22px;
}
.pn{border:3px #efefef solid;font-size:14px;line-height:2;background:#f9f9f9;padding:20px;margin-top:20px}
.pn em{color:#666}
.pn a{color:#666}
.pn a:hover{color:#a90000; text-decoration:underline}
.long1 {
    width: 1200px;
    margin: 0 auto;
}
.newshow {
    background-color: #f4f4f4;
}.lx-le{
    width:50%;
    float: left;
    background: #fff;
    padding: 54px 70px 54px 75px;
}
.lx-le h3{
    font-size: 24px;
    color: #2c7e68;
    margin-bottom: 42px;
}
.lx-le-d{
    width:100%;
    height:70px;
    border-top:1px solid #e5e5e5;
}
.lx-le-d img{
    display: block;
    margin-top: 18px;
    float: left;
}
.lx-le-d p{
    float: left;
    margin-top: 26px;
    width: 402px;
    float: right;
    padding-top: 0;
    line-height: 20px;
    color:#333;
    font-size:15px;
}
.lx-ri{
    width: 50%;
    float:left;
    height:462px;
    background-color:#ccc;
}

.mes{width:592px;padding:30px 60px;}
.mes form{width:100%;}
.mes-u{width:100%;}
.mes-li{height: 38px;width: 270px;border: 1px solid #d1d1d1;float: left;margin-right: 22px;margin-bottom: 16px;}
.mes-li input{width:100%;border:none;height:36px;text-indent:20px;outline: none;}
.mes-li2{float:left;width: 564px;height: 72px;padding-top: 10px;border: 1px solid #d1d1d1;}
.mes-li2 textarea{width:100%;border:none;font-size:14px;text-indent:20px;height:100%;outline: none;}
.mes-li2{float:left;width: 564px;height: 72px;padding-top: 10px;border: 1px solid #d1d1d1;}
.mes-li3{height: 38px;width: 270px;float: left;margin-right: 22px;margin-top: 16px;}
.mes-li3-i{background: #2c7e68;height: 34px;width: 110px;color: #fff;font: 16px "Microsoft YaHei";border:none;}
.mes-li3-i2{background: #bbb;height: 34px;width: 110px;color: #fff;font: 16px "Microsoft YaHei";border:none;margin-left:20px;}
.mes-li4{float:left;width: 564px;height:30px;padding-top: 10px;}
.mes-li4-span{color:#999;font-size:12px;}
.mmmm{width:100%;background:url("../images/tutu.jpg") no-repeat -179px 0px;}

.download-list{ border-bottom:1px solid #e5e5e5; padding:0 10px 18px 10px; margin-bottom: 18px; }
.down-btn{ width: 29px; height: 29px; background-color: #bfbfbf; border-radius: 15px;}
.down-btn img{ margin: 7px auto;display: block;}
.w1{ width: 55%;}
.w2{ width: 165px; text-align: center;}
.w1,.w2{ line-height: 29px;font-size: 15px; color: #333333;}
.download-list:hover > div{ color:#4e8de6;}
.download-list:hover > a{ background-color:#4e8de6 !important;}

.carousel-indicators li {
    width: 16px;
    height: 16px;
    border: 1px solid #27436b;
    border-radius: 10px;
}
.carousel-indicators .active {
    margin: 1px;
    width: 16px;
    height: 16px;
    background-color: #019901;
    border-color: #019901;
}
.nav11 {
    display: none;
    width: 100%;
    color: #FFF;
    overflow: hidden;
    background: #27436b;
}
.nav11 ul {
    margin-bottom: 0;
    width: 101%;
    overflow: hidden;
}
.nav11 li {
    border-bottom: 1px solid #3c577d !important;
    border-right: 1px solid #3c577d;
    box-shadow: 1px 1px 0 #27436b;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-bottom: 1px;
    text-align: center;
    width: 33%;
    border-bottom: 0;
}
.nav11 li a {
    background: none repeat scroll 0 0 #27436b;
    border-bottom: 1px solid #3c577d;
    border-right: 1px solid #3c577d;
    box-shadow: 1px 0 0 #27436b;
    color: #fff;
    display: block;
}
.mobile-foot {
    display: none;
}
.main-footer-1-con {
    max-width: 640px;
    min-width: 320px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 50px;
    background: rgba(0, 0, 0, 0.8);
}

.main-footer-1-list {
    border-top: 1px solid #0e951d;
    display: none;
}.main-footer-1-list li {
    float: left;
    width: 50%;
    height: 2.8rem;
    font-size: 1.2rem;
    line-height: 2.8rem;
    color: #fff;
    box-sizing: border-box;
    padding-left: 6%;
    position: relative;
    border-bottom: 1px solid #FFF;
}.main-footer-1-list li a {
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.main-footer-1-list li:after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    left: 5%;
    top: 1rem;
    background: #fff;
    border-radius: 100%;
}
.mobile-foot p {
    margin: 0;
    display: inline-block;
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.8rem;
    border: 1px solid #fff;
    border-radius: 0.4rem;
    padding: 0 4%;
}



@media (max-width: 1200px) {
    .index_search {
        margin-left: 40px;
    }
}



@media (max-width: 960px) {
    #carousel-example-generic{
        display: none  !important;
    }
    #carousel-example-generic2{
        display: block  !important;
    }
    .m7_left .itema img {
     height: auto; 
}

    .yaowen li .time {
    float: left;
    width: 25%;

}
.yaowen li .word {
    width: 70%;
}
.yaowen li .time {

    margin-top: 0px; 

}
.yaowen li .word h3 {
    margin: 0;
    line-height: 50px;
    font-size: 18px;
}
.yaowen li .word p {
    line-height: 28px;
    height: 60px;
    overflow: hidden;
}
    .conbox{
        display: none;
    }
    #pages li {

    margin: 2px;
}
    #pages {
    margin-top: 40px;
  
}
    .m2_pro {
    padding-top: 10px;
}
	.lx-le {
    width: 100%;
    float: none;
    background: #fff;
    padding: 4%;
}
.lx-ri {
    width: 100%;
    float: none;
    height: 462px;
    background-color: #ccc;
}
.lx-le-d p {
    margin-left: 5px;
    float: left;
    margin-top: 26px;
    width:auto ;
    float: left;
    padding-top: 0;
    line-height: 20px;
    color: #333;
    font-size: 15px;
}
.mes {
    width: 100%;
    padding: 5%;
}
.mes-li {
    height: 38px;
    width: 100%;
}
.mes-li2 {
    float: left;
    width: 100%;

}
.lx-le h3 {
    margin-top: 0;
    font-size: 24px;
    color: #2c7e68;
    margin-bottom: 20px;
}
	.pb80 {
    padding-bottom: 40px !important;
}
	.mleft {
		float: none;
    width: 100%;
    display: block;
}
.mright{
	margin-top: 20px;
	float: none;
	width: 100%;
	display: block;
}
.mobile-foot {
    display: block;
    background: #27436b;
    padding: 8px 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.ContnetMain {
    padding: 0 2%;
}
.mobile-foot a {
    color: #fff;
    height: 35px;
    line-height: 33px;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: center;
    padding: 0 15px;
    transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}
    .i_pro1 .swiper-slide .m5_til {
    background: url(../images/pro_h5.jpg) no-repeat right 5px;
}
    .m5_box {
    padding-left: 2%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 2%;
    width: 96%;}
    .nav11{display: block;}
    .head {
    height: auto;
}
.logo {
    text-align: center;
    float: none;
    margin-top: 10px;
}
    .carousel-inner>.item>a>img, .carousel-inner>.item>img {
    min-height: 200px;
    line-height: 1;
}
    .head .tel{display: none;}
    .top {
    padding: 0 2%;
    width: 100%;
    height: 60px;
    line-height: 30px;
}
    .m2_box {
    padding-top: 20px;
}
.m2_box .m2_nav ul li {
    float: left;
    padding: 0px 20px;
    width: 50%;
    margin-bottom: 10px;
}
    .inews li ._date {
        width: 25%;
    }

    .inews li ._nr {
        width: 72%;

    }

    .m7_left .intro {
        overflow: hidden;
        line-height: 20px;
        height: 40px;
    }

    .inews li ._title {
        margin-top: 0;
    }

    .inews li ._sum {
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

    .m7_left {
        float: none;
        width: 100%;
    }

    .m7_right {
        margin-top: 10px;
        float: right;
        width: 100%;
    }
.m8_box {
    padding-top: 20px;
    padding-bottom: 20px;
            padding-right: 2%;
        padding-left: 2%;
}
    .m7_box {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 2%;
        padding-left: 2%;
    }

    .m6_box {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 2%;
        padding-left: 2%;
    }

    .m6_left {
        float: none;
        width: 100%;
    }

    .m6_right {
        margin-top: 20px;
        float: none;
        width: 100%;
    }

    .m6_right img {
        width: 100%;
    }

    .footer {
        display: none;
    }

    .f_bot {margin-bottom: 50px;
        background: #5e5f5e !important;
    line-height: 25px !important;
    height: 60px !important;
    padding-top: 5px;
}
    

    .main1 {
        padding-top: 15px;
    }

    .main1 .m1_box li {
        margin-bottom: 10px;
        width: 48%;
    }

    .main1 .m1_box li.li5 {
        width: 98%;
    }
    .main1 .m1_box li.li10 {
        width: 98%;
    }
    .menu {
        display: none;
    }

    .index_search {
        display: none;
    }

    .m3_bb ul li h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 0;
    }

    .m3_bb ul li h3 em {
        color: #019901;
        font-size: 40px;
    }

    .i_img {
        max-height: 450px;
        width: 100%;
        position: inherit;
        right: 0;
        top: 0;
    }

    .m3_bb {
        width: 90%;
        margin-top: 20px;
        float: none;
        padding: 5%;
        position: absolute;
        top: 0;
        left: 5%;
    }

    .m3_bb ul li {
        margin-bottom: 20px;
    }

    .m3_box {
        margin-top: 20px;
    }

    .m4_box {
        padding-left: 2%;
        padding-top: 20px;
        padding-right: 2%;
    }

    .com_til h2 {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 35px;
        font-size: 30px;
    }

    .m4_box ul li {
        margin-bottom: 10px;
        width: 19%;
    }
    .m3_box {
        padding-left: 2%;
        padding-right: 2%;
    }

}

@media (max-width: 640px) {

    .i_img {
        min-height: 500px;
    }

    .m4_box ul li p {
        font-size: 12px;
        line-height: 25px;
        height: 25px;
        overflow: hidden;
    }

    .m4_box ul li {
        margin-bottom: 5px;
        width: 24%;
    }
}
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;margin: 0;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}